<template>
  <div>
    <!-- 真正的一行 -->
    <el-row class="row-one" :gutter="10">
      <el-tag type="info" style="margin-right:1rem;">商品分类</el-tag>
      <el-tag style="margin-right:1rem;" type="primary">{{ goods.goods_class_name }}</el-tag>
    </el-row>
    <!-- 真正的一行结束 -->
    <!-- 真正的一行 -->
    <el-row class="row-one" :gutter="10">
      <el-tag type="info" style="margin-right:1rem;">商品标题</el-tag>
      <el-tag style="margin-right:1rem;" type="primary">{{ goods.goods_name }}</el-tag>
    </el-row>
    <!-- 真正的一行结束 -->
    <!-- 真正的一行 -->
    <el-row class="row-one" :gutter="10">
      <el-tag style="margin-right:1rem;" type="info">商品编码</el-tag>
      <el-tag style="margin-right:1rem;" type="primary">{{ goods.goods_code?goods.goods_code:'暂无' }}</el-tag>
      <el-tag style="margin-right:1rem;" type="info">商品条形码</el-tag>
      <el-tag style="margin-right:1rem;" type="primary">{{ goods.goods_line_code?goods.goods_line_code:'暂无' }}</el-tag>
    </el-row>
    <!-- 真正的一行结束 -->
    <!-- 真正的一行 -->
    <el-row class="row-one" :gutter="10">
      <el-tag style="margin-right:1rem;" type="info">商品简介</el-tag>
      <el-tag style="margin-right:1rem;" type="primary">{{ goods.goods_introduction?goods.goods_introduction:'暂无' }}</el-tag>
    </el-row>
    <!-- 真正的一行结束 -->
    <!-- 真正的一行 -->
    <el-row class="row-one" :gutter="10">
      <el-tag style="margin-right:1rem;" type="info">商品SPU</el-tag>
      <el-tag style="margin-right:1rem;" type="primary">{{ goods.goods_spu?goods.goods_spu:'暂无' }}</el-tag>
    </el-row>
    <!-- 真正的一行结束 -->
    <!-- 真正的一行 -->
    <el-row class="row-one" :gutter="10">
      <el-tag style="margin-right:1rem;" type="info">添加时间</el-tag>
      <el-tag style="margin-right:1rem;" type="primary">{{ goods.created_at }}</el-tag>
      <el-tag style="margin-right:1rem;" type="info">上架时间</el-tag>
      <el-tag style="margin-right:1rem;" type="primary">{{ goods.on_sale_at }}</el-tag>
    </el-row>
    <!-- 真正的一行结束 -->

  </div>
</template>
<script>
export default
{
  // 组件名称
  name: 'GoodsInfo',
  // 组件
  components:
  {
  },
  props:
  {
    goods: {
      type: Object,
      default: function()
      {
        return {}
      }
    }
  },
  // 数据
  data()
  {
    return {

    }
  },
  // 计算属性
  computed:
    {
    },
  // 监听
  watch:
    {
    },
  // 实例创建之前
  beforeCreate()
  {
  },
  // 创建
  created()
  {
  },
  // 挂载之前
  beforeMount()
  {
  },
  // 挂载 --常用
  mounted()
  {
  },
  // 更新之前
  beforeUpdate()
  {
  },
  // 跟新后
  updated()
  {
  },
  // 销毁之前
  beforeDestroy()
  {
  },
  // 销毁后
  destroyed()
  {
  },
  // 方法
  methods:
  {

  }
}
</script>
<style lang='scss' scoped>
.row-one{
   margin-bottom: 1rem;
   width: 100rem;
   height: auto;
}
</style>
